<div class="container">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span
              class="icon-bar"></span><span class="icon-bar"></span>
      </button>
      
      <a class="glyphicon glyphicon-home  navbar-brand" style="font-size:16px;" href="home.aspx"></a>                
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">               
      <ul class="nav navbar-nav">                   
          <li class="dropdown" id="dropdown-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
            <span id="show-id"></span>
            <span class="caret"></span>
            </a>
            <ul class="dropdown-menu" role="menu">
              <li><a class="glyphicon glyphicon-user" href="Signup.aspx"><span class="thai-font"> ข้อมูลส่วนตัว</span> </a></li>
              <li><a class="glyphicon glyphicon-heart" href="index.aspx"><span class="thai-font"> เลือกต่างหูให้เหมาะกับตัวคุณ</span></a></li>
              <li><a class="glyphicon glyphicon-list-alt" href="OrderHistory.aspx"><span class="thai-font"> ประวัติการจองสินค้า</span></a></li>
              <li class="divider"></li>
              <li><a class="glyphicon glyphicon-off" href="#"><span class="thai-font" onclick="$('#btn-signin').click(); return false"> ออกจากระบบ</span></a></li>
            </ul>
          </li>
      </ul>
      <form class="navbar-form navbar-right">
        <div class="form-group">
          <label class="sr-only" for="txt-user-id">User Id</label>
          <input type="text" class="form-control" placeholder="อีเมล์" id="txt-user-id" value="sukanya.manee@gmail.com">
          <label class="sr-only" for="txt-password">Password</label>
          <input type="password" class="form-control" placeholder="รหัผ่าน" id="txt-password" value="123456">
        </div>
          <button type="button" class="btn btn-default" style="font-size:16px;" id="btn-signin">เข้าสู่ระบบ</button>
          <a class="glyphicon glyphicon-user navbar-link" style="font-size:16px;" href="signup.aspx"><span class="thai-font">สมัครสมาชิก</span></a>
          <a class="glyphicon glyphicon-shopping-cart navbar-link" style="font-size:18px;" id="btn-view-cart" href="CheckoutOrder.aspx"><span class="thai-font">ตะกร้าสินค้า </span><span class="badge">0</span></a>
      </form>
  </div>
<!-- /.navbar-collapse -->
</div>